.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  // background-color: #222629;
  .content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .header {
      width: 100%;
    }
    .main {
      display: flex;
      flex: 1;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      width: 100%;
      padding: 0 24px 24px 24px;
      overflow: hidden;
      .left {
        display: flex;
        flex: 1;
        flex-direction: column;
        box-sizing: border-box;
        height: 100%;
        padding-right: 16px;
        overflow: hidden;
        border-right: 1px solid var(--bd-a50);
        .deviationIndex {
          width: 100%;
          height: 50%;
          overflow: hidden;
        }
        .deviationPower {
          flex: 1;
          width: 100%;
          overflow: hidden;
        }
      }
      .right {
        width: 50%;
        height: 100%;
        padding-left: 16px;
        overflow: hidden;
      }
    }
  }
}
